<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/03.css">
</head>
<body>
    <div class="box">

        <!-- 头部 -->

        <div class="header">
            <div class="hea">
                <div class="h1">
                    <img src="./img/index-logo.png" alt="">
                </div>
                <div class="h2">
                    <ul>
                        <li>首页 |</li>
                        <li>产品中心 |</li>
                        <li>新闻中心 |</li>
                        <li>公司介绍 |</li>
                        <li>联系我们</li>
                    </ul>
                </div>
                <div class="h3">
                    <div class="span1">
                        <span>登录</span>
                        <span>注册</span>
                        <span>购物车</span>
                    </div>
                    <div class="span2">
                        <span>我的订单 |</span>
                        <span>帮助中心</span>
                    </div>
                </div>
            </div>
        </div>

       

        <!-- body部分 -->
        <div class="main">
            <div class="ma">
                <div class="m">
                    <div class="photo">
                        <img src="./img/company.png" alt="">
                    </div>
                    <div class="content">
                        <span>公司介绍：</span>
                        <p>
                            HAKKE自行车有限公司是一家以销告自行车中高端轮组及自行车零配件为主，集开发、销告于一体的综合性企业，同时公司还是多个国际知名品牌自行车企业在中国区域的销售代理。作为一家快速发展并不断壮大的新兴企业，多特公司不断致力于生产及经营各方面管理的加强与完善，现已拥有一批高索质的专业从事研发、生产的工程技术人员及售后服务人员，公司经营管理规范、技术革新力量雄厚，同时不断追求科技进步，注重新产品开发。公司发展前景广阔，预计将在全国主要城市设立分部。

                        </p>
                    </div>
                </div>
            </div>
        </div>
     
        <!-- footer部分 -->
       
        <div class="footer">
            <div class="foo">
                <div>
                    <span>首页 |</span>
                    <span>产品中心 |</span>
                    <span>新闻中心 |</span>
                    <span>公司介绍 |</span>
                    <span>联系我们</span>
                </div>
                <div>
                    <span>HAKKA相关站点链接：LIV |</span>
                    <span>黑客自行车 |</span>
                    <span>单车运动 |</span>
                    <span>基金会 |</span>
                    <span>全国加盟</span>
                </div>
                <div>
                    <span>版权：xxxxx xxxxxxxxxxxxxxxxxx公司</span>
                </div>
            </div>
        </div>

    </div>
</body>
</html>